<!--
这个文件定义了一个名为 `NoticeBoard` 的 Vue 组件，用于显示公告板。
组件包含以下部分：
- template: 使用 `el-card` 组件作为容器，包含以下内容：
  - 如果 `notices` 数组为空，则显示 "暂无公告" 的消息。
  - 否则，显示公告内容（具体渲染逻辑未提供）。
- script: 定义了一个 `notices` 数据属性，初始值为空数组，应该被公告数据填充。
- style scoped: 定义了两个样式类 `notice-card` 和 `full-height`，用于设置卡片的样式和高度。
-->

<template>
    <el-card class="notice-card">
        <template #header>
            <div class="card-header">
                <span>公告</span>
            </div>
        </template>
        <div v-if="notices.length === 0" class="no-notices">
            暂无公告
        </div>
        <div v-else>
            <!-- Render your notices here -->
        </div>
    </el-card>
</template>

<script>
export default {
    data () {
        return {
            notices: [] // This should be populated with your notices
        };
    }
};
</script>

<style scoped>
.notice-card {
    border-radius: 10px;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.full-height {
    flex: 1;
}
</style>